import React from 'react'
import {useParams} from 'react-router-dom'
/* 
    useParams方式进行路由传参步骤
    1.在配置路由的使用如下配置
    <Route path="userDetail2/:id" element={<UserDetail2/>}></Route>
    2.进行路由跳转
    <Link to={"/userDetail2/"+item._id}>查看</Link>
    3.获取路由参数
    1) 导入useParams：import {useParams} from 'react-router-dom'
    2) 调用usParams方法：  let params=useParams()
    3）使用：{params.id}
*/
export default function UserDetail2() {
  let params=useParams()
  return (
    <div>
        <h2>用户详情</h2>
        <h2>id:{params.id}</h2>
    </div>
  )
}
